昨日の日記で書ききれなかったタグの追加説明です。



 ◆下に文字が流れます。

        下に文字が流れます。

 ●タグです。
 <marquee direction="down" height=40 scrollamount="2">下に文字が流れます。 </marquee>



 ◆左右に動きます。

左右に行ったり来たりします。

 ●タグです。
 <marquee behavior="alternate" scrollamount="2">左右に行ったり来たりします。</marquee>
 


 ◆左端まで行ったら止まります。

左端で止まります。

 ●タグです。
 <marquee behavior="slide" scrollamount="3">左端で止まります。</marquee>
 


 ◆背景色付きで右から左に動きます。

背景色付きで文字が動きますよ。


 ●タグです。
 <marquee bgcolor="背景の色" scrollamount="4"><font color=文字の色><b>背景色付きで文字が動きますよ。</marquee>



 ◆背景色付き、幅・高さを指定をしてみました。

左右に動きます。

     ※高さを指定しても、文字の位置はその枠の上側から動きます。

 ●タグです。
 <center><marquee behavior="alternate" scrollamount="5" bgcolor="背景の色" height=50 width=200>左右に動きます。</marquee></center>



 ◆文字を高さのちょど真ん中に配置したいので、「左右に動きます。」という文字を
  改行してみました。さらに、上下の余白を同じくするために結果を見て
  みます。その結果により高さを変えてみてください。
  この例では 高さは height=50 でちょうど良いようです。


左右に動きます。


 ●タグです。
 <center><marquee behavior="alternate" scrollamount="6" bgcolor="背景の色" height=50 width=200>
左右に動きます。</marquee></center>




      ◆上のタグを組み合わせる事によって、いろいろな動きが出来ます。
        文字の色や斜体、下線付きなどの組み合わせも出来ます。ぜひ
        試してみてくださいね。昨日のタグとの組み合わせでもOKですよ。

      ◆動く速さをわざと変えてみました。お好きな速さでどうぞ!!






◆ HGPゴシックM ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGP行書体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGP創英角ゴシックUB ◆

タグで遊びましょ~♪12345abcdefgABCDEFG


 
◆ HGP創英角ポップ体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGSゴシックE ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGSゴシックM ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGS行書体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGS創英角ゴシックUB ◆ 

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGS創英角ポップ体 ◆
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGゴシックE ◆
 
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HGゴシックM ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HG丸ゴシックM-PRO ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HG行書体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HG正楷書体-PRO ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HG創英角ゴシックUB ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ HG創英角ポップ体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ JSPゴシック ◆

タグで遊びましょ~♪12345abcdefgABCDEFG


 

タグで遊びましょ~♪12345abcdefgABCDEFG




 
◆ JSゴシック ◆
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ JS平成明朝体W3 ◆
 
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ JS明朝 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ MS Pゴシック ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ MS P明朝 ◆
 
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ MS ゴシック ◆
 
タグで遊びましょ~♪12345abcdefgABCDEFG



◆ MS 明朝 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCナミキPOP-M ◆

タグで遊びましょ~♪12345abcdefgABCDEFG


 
◆ TT-JTCナミキPOP-MP ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCナミキ教科書体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCナミキ教科書体P ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCナミキ特太楷書 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCナミキ特太楷書P ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCフリー行書M ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTCフリー行書MP ◆

タグで遊びましょ~♪12345abcdefgABCDEFGTT-JTC古印体



◆ TT-JTC古印体 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTC江戸文字「風雲」 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-JTC江戸文字「風雲」P ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-ポルA体W1 ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-ポルA体W1P ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-曲水MP ◆

タグで遊びましょ~♪12345abcdefgABCDEFGTT-曲水MP



◆ TT-曲水MP ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-仙草M ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ TT-仙草MP ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Arial Black ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Comic Sans MS ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Copperplate Gothic Bold ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Impact ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Lucida Handwriting ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Lucida Sans ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Lucida Sans Unicode ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Matisse ITC ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Tempus Sans ITC ◆

タグで遊びましょ~♪12345abcdefgABCDEFG



◆ Westminster ◆

タグで遊びましょ~♪12345abcdefgABCDEFG





        お友だちにマーキータグの事を質問されました。
        ページ欄で説明したかったのですが、もう使えるページがないので
        今日は日記で説明してみたいと思います。
        ○○○○ちゃん、この説明でわかるかなぁ~?



 ◆上下に行ったり来たりします。
 上下にスクロールする範囲は HEIGHT=○  速さは scrollamount="○"  で指定します。

 ●タグです。
 <marquee direction="up" behavior="alternate" height=25 scrollamount="1">上下スクロール</marquee>
          上下スクロール

 ◆上下にスクロールする範囲を HEIGHT=40  速さを scrollamount="2" と変えてみました。
          上下スクロール


 ◆私が日記で良く使うのは、下から上に文章を流すタグです。
 この場合は、上で説明したタグの behavior="alternate" をなくし、
 動く範囲の HEIGHT=○ を150 とか 200 などと大きくします。
 実際に数字を変えてやってみて、動きの範囲を決めてください。



   私が日記で良く使うのは、下から上に文章を流すタグです。
   この場合は、上で説明したタグの behavior="alternate" をなくし、
   動く範囲の HEIGHT=○ を150 とか 200 などと大きくします。
   実際に数字を変えてやってみて、動きの範囲を決めてください。



 ●上で使ったタグです。
 <marquee direction="up" height=150 scrollamount="1">ここから文章を書きます</marquee>



 ◆右から左にスクロールさせます。
 右から左にスクロール
 ●タグです。
 <marquee direction="left" scrollamount="3">右から左にスクロール </marquee>



 ◆左から右にスクロールさせる場合は、marquee direction="right" とします。
 左から右にスクロール
 ●タグです。
 <marquee direction="right" scrollamount="3">左から右にスクロール </marquee>



 ◆direction="○" や scrollamount="○" を指定しないと、右から左にスクロールします。
 右から左にスクロール
 ●タグです。
 <marquee >右から左にスクロール</marquee>
 でもこれだと動きが速すぎる気がするので、私は必ず速さの指定もします。
 指定しない場合は scrollamount="6" の速さになります。



 ◆下は比較のために scrollamount="6" を付け加えてみました。上と同じ速さでしょう。
 右から左にスクロール
 ●タグです。
 <marquee scrollamount="6">右から左にスクロール</marquee>



 ◆スクロールさせる幅を指定する場合、 width=○% や width=200 などを付け加えます。
 右から左にスクロール

 ●上はスクロール範囲を width=50% としてみました。下がタグです。
 <marquee direction="left" width=50% scrollamount="3">右から左にスクロール</marquee>



 右から左にスクロール

 ●上はスクロール範囲を width=200 としてみました。下がタグです。
 <marquee direction="left" width=200 scrollamount="3">右から左にスクロール</marquee>





© Rakuten Group, Inc.